import React, { Component } from 'react'
import { NavigationContainer } from '@react-navigation/native';
import { Provider as StoreProvider } from 'react-redux'
import store from './redux/store'
import { DefaultTheme, Provider as PaperProvider } from 'react-native-paper';

import MainScreen from './Main'

// const theme = {
//   ...DefaultTheme,
//   colors: {
//     ...DefaultTheme.colors,
//     primary: 'tomato',
//     accent: 'yellow',
//   },
// };

const theme = {
  ...DefaultTheme,
  roundness: 2,
  colors: {
    ...DefaultTheme.colors,
    primary: '#3498db',
    accent: '#f1c40f',
  },
};

export default class index extends Component {
  render() {
    return (
      <StoreProvider store={store}>
        <PaperProvider theme={theme}>
          <NavigationContainer>
            <MainScreen />
          </NavigationContainer>
        </PaperProvider>
      </StoreProvider>
    )
  }
}
